$(document).scroll(function(){
    var scrollValue = $(document).scrollTop();

    var op = 1-(1 - Math.abs(scrollValue) / 500)

    op = op.toFixed(2)

    if(op==0){
        $('#nav').attr('style', 'background-color:rgba(255, 255, 255, 0);');
    }else if(op>0.95){
        $('#nav').attr('style', 'background-color:rgba(255, 255, 255, 0.95);');
    }else{
        $('#nav').attr('style', 'background-color:rgba(255, 255, 255, '+op+');');
    }

})